<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /* 
            像这种从上往下执行的代码,我们管他叫做同步代码

            异步代码:不一定遵守从上往下的执行顺序
                定时器就是一个异步代码
                两个定时器都是异步代码,我们JS在执行代码的时候,会优先执行同步代码,当同步代码执行结束之后,再执行异步代码
        */
        console.log("开始");

        // for(var i = 0 ; i < 10 ; i++){
        //     console.log(i);
        // }
        //开始~这是一个定时器~结束
        setTimeout(function(){
            console.log("这是一个定时器");
        },10)

        console.log("结束");
        /* 
            我要张三给我买一瓶水
                如果我 => 需要等张三把水给我来了,我再继续上课 => 同步
                如果我 => 不等张三把水给我送来,我直接继续上课 => 异步
        */
        </script>
</body>
</html>